var inputUserName = $('input[type=text]');
var inputUserPwd = $('input[type=Password]');




class UserVisibili  {
    userNameVisibili(a){
        let regular =  /^\w+$/;
        let userName = a.value ;
        let userNameSpan = $('#userNameVisibili_id');
        if (userName.length < 10 || !regular.test(userName) ) {
            userNameSpan.text('User name does not conform to rules');
            
        }else if ( userName.length >= 10 &&  userName.length <= 12) {
            userNameSpan.text('');
        }
        
    }

    userPwdVisibili(a){
        let regular =  /^\w+$/;
        let userPwd = a.value ;
        let userPwdSpan = $('#userPwdVisibili_id');
        if (userPwd.length < 10 || !regular.test(userPwd) ) {
            userPwdSpan.text('User Password does not conform to rules');
            
        }else if ( userPwd.length >= 10 &&  userPwd.length <= 12) {
            userPwdSpan.text('');
        }
        
    }
}


const doUserVisibili = new UserVisibili;

inputUserName[0].oninput = function(){
    doUserVisibili.userNameVisibili(this)
    
};

inputUserPwd[0].oninput = function(){
    doUserVisibili.userPwdVisibili(this)
    
}